<pw:html>
    <pw:head>
        <title>SISCO - Transferir productos</title>

        <pw:component name="pw_include_view" data-show="true" data-src="head_scripts.html"></pw:component>
    </pw:head>

    <pw:body>

        <pw:component name="pw_include_view" data-show="true" data-src="header.html"></pw:component>

        <div class="container">
            <pw:component name="pw_include_view" data-show="true" data-src="messages.html"></pw:component>
            
            <pw:component name="pw_div" data-show="true" data-class="row" data-id="">
                <pw:container>

                    <pw:component name="pw_div" data-show="true" data-class="span3" data-id="">
                        <pw:container>
                            <pw:component name="pw_include_view" data-show="true" data-src="inventario_sidebar.html"></pw:component>
                        </pw:container>
                    </pw:component>

                    <pw:component name="pw_div" data-show="true" data-class="span9" data-id="">
                        <pw:container>

                            <pw:component name="pw_form" data-show="true" data-class="" data-id="" data-action="" data-enctype="multipart/form-data" data-method="post">
                                <pw:container>

                                    <pw:component name="pw_text" data-show="true" data-content="Transferir productos" data-tag="legend" data-free=""></pw:component>
                                    
                                        <div class="row-fluid">
                                            <div class="span4">
                                                <pw:component name='pw_hidden' data-name='tipo_movimiento' data-id='tipo_movimiento' data-value='2'></pw:component>
                                                <pw:component name='pw_labeled_input' data-name='fecha' data-id='fecha' data-label='Fecha' data-type='date' data-value='{$movimiento->fecha}' data-placeholder='' data-free=''></pw:component>
                                                <pw:component name="pw_text" data-show="true" data-content="Desde" data-tag="label" data-free=""></pw:component>
                                                <pw:component name="pw_combo_box" data-show="true" data-from="almacenes" data-item="almacen" data-name="almacen-desde" data-caption="descripcion" data-optvalue="id" data-selectedcond="false" data-noselection="Seleccione una opción"></pw:component>
                                                <pw:component name="pw_text" data-show="true" data-content="Hasta" data-tag="label" data-free=""></pw:component>
                                                <pw:component name="pw_combo_box" data-show="true" data-from="almacenes" data-item="almacen" data-name="almacen-hasta" data-caption="descripcion" data-optvalue="id" data-selectedcond="$movimiento->almacen->id == $almacen->id" data-noselection="Seleccione una opción"></pw:component>
                                            </div>
                                            
                                            <div class="span4">
                                                <pw:component name='pw_labeled_input' data-name='cantidad' data-id='cantidad' data-label='Cantidad' data-type='number' data-value='{$movimiento->cantidad}' data-placeholder='' data-free='step="any"'></pw:component>
                                                <pw:component name='pw_labeled_input' data-name='codigo-producto' data-id='codigo-producto' data-label='Código' data-type='text' data-value='' data-placeholder='EAN-13 o código interno' data-free=''></pw:component>
                                                <pw:component name='pw_labeled_input' data-name='descripcion' data-id='descripcion' data-label='Descripción' data-type='text' data-value='' data-placeholder='' data-free='style="disabled" disabled="disabled"'></pw:component>
                                            </div>
                                            
                                            <div class="span4 loteable" style="display:none">
                                                <pw:component name='pw_labeled_input' data-name='codigo-lote' data-id='codigo-lote' data-label='Lote' data-type='text' data-value='{$movimiento->lote->codigo}' data-placeholder='' data-free=''></pw:component>
                                                <pw:component name='pw_labeled_input' data-name='fecha-vencimiento' data-id='fecha-vencimiento' data-label='Fecha de vencimiento' data-type='date' data-value='{$movimiento->lote->fecha_vencimiento}' data-placeholder='' data-free='disabled="disabled"'></pw:component>
                                            </div>
                                    	</div>
                                    
                                    
                                    <pw:component name="pw_div" data-show="true" data-class="form-actions" data-id="">
                                        <pw:container>
                                            <pw:component name="pw_button" data-show="true" data-id="" data-name="" data-caption="Crear" data-free="class='btn btn-primary btn-agregar-movimiento' disabled='disabled'" data-type="submit"></pw:component>
                                        </pw:container>
                                    </pw:component> <!-- .form-actions -->

                                </pw:container>
                            </pw:component> <!-- form -->

                        </pw:container>
                    </pw:component> <!-- .span9 -->

                </pw:container>
            </pw:component> <!-- .row -->

            <pw:component name="pw_include_view" data-show="true" data-src="footer.html"></pw:component>

        </div><!-- .container -->

        <pw:component name="pw_include_view" data-show="true" data-src="footer_scripts.html"></pw:component>
 
        
        <script>
            
            // Pongo la fecha de hoy
            jQuery(document).ready(function() {
                var d		= new Date();
                var fecha	= d.getFullYear() + '-' + ("0"+(d.getMonth() + 1)).slice(-2) + '-' + ("0"+d.getDate()).slice(-2);
                jQuery('#fecha').val(fecha);
            });
            
            function desactivarAgregado() {
                jQuery('.btn-agregar-movimiento').attr('disabled','disabled');    
            }
            
            function activarAgregado() {
                desactivarAgregado();
                if (
                    (jQuery('select[name="almacen-desde"]').val() != '0') &&
                    (jQuery('select[name="almacen-hasta"]').val() != '0') &&
                    (jQuery('select[name="almacen-desde"]').val() != jQuery('select[name="almacen-hasta"]').val()) &&
                    (jQuery('#cantidad').val() > 0) &&
                    (jQuery('#descripcion').val() != 'ERROR') && (jQuery('#descripcion').val() != '')
                   )
                {
                    //alert(jQuery('#fecha-vencimiento').val());
	                jQuery('.btn-agregar-movimiento').removeAttr('disabled');    
                }
            }
            
            jQuery('select[name="almacen-desde"]').on('change',function(e) {
                activarAgregado();
            });
            
            jQuery('select[name="almacen-hasta"]').on('change',function(e) {
                activarAgregado();
            });
            
            jQuery('#cantidad').on('change',function(e) {
                activarAgregado();
            });
            
            jQuery('#codigo-producto').on('change',function(e) {
                desactivarAgregado();   
                jQuery.ajax({
                    url: 'productos/detalle/'+jQuery('#codigo-producto').val(),
                    type: 'GET',
                    dataType: 'JSON',
                    success: function(data){
                        if (data.id) {
                            jQuery('#descripcion').val(data.descripcion);
                            if (data.loteable == "1") {
                                jQuery('.loteable').show();
                            }
                            else {
                                jQuery('.loteable').hide();
                            }
                            activarAgregado();
                        }
                        else {
                            jQuery('#descripcion').val('ERROR');
                            jQuery('.loteable').hide();
                        }
                    },
                    error: function(a,b,c){
                        alert('ERROR');
                    }
                    
                });
            });
            
            
            jQuery('#codigo-lote').on('change',function(e) {
                desactivarAgregado();   
                jQuery.ajax({
                    url: 'lotes/detalle/'+jQuery('#codigo-lote').val(),
                    type: 'GET',
                    dataType: 'JSON',
                    success: function(data){
                        if (data.id != 0) {
                            jQuery('#fecha-vencimiento').val(data.fecha_vencimiento);
                            activarAgregado();
                        }
                        else {
                            var fecha = '0000-00-00';
                            jQuery('#fecha-vencimiento').val(fecha);
                        }
                    },
                    error: function(a,b,c){
                        alert('ERROR');
                    }
                    
                });
            });
        </script>

       
    </pw:body>
</pw:html>